page{
	background-color: #F2F3F8;
	box-sizing: border-box;
}
.top{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 30rpx;
	background-color: $theme;
}
.box1{
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 4rpx 2rpx rgba(42,65,152,0.1);
	border-radius: 20rpx;
	padding: 60rpx 30rpx;
	width: 686rpx;
	margin: 0 auto;
	.box-class{
		padding-bottom: 30rpx;
		.book{
			width: 120rpx;
			height: 148rpx;
			margin-right: 20rpx;
			image{
				width: 120rpx;
				height: 148rpx;
			}
		}
		.info{
			flex: 1;
			.row{
				margin-bottom: 30rpx;
				.name{
					font-size: 28rpx;
					font-weight: bold;
					color: #333333;
				}
				.ku{
					width: 108rpx;
					height: 48rpx;
					border-radius: 46rpx;
					border: 2rpx solid #5480F8;
					text-align: center;
					line-height: 48rpx;
					font-size: 24rpx;
					color: #5480F8;
				}
			}
			.pro{
				margin-bottom: 20rpx;
			}
			.status{
				
				.item{
					.label{
						font-size: 22rpx;
						color: #BBBFCC;
					}
					.num{
						color: $theme;
						font-size: 22rpx;
					}
				}
			}
		}
	}
	.day{
		border-top: 1rpx solid #E4E5EC;
		padding: 30rpx 0;
		justify-content: space-around;
		align-items: center;
		.item{
			font-size: 24rpx;
			font-weight: 400;
			color: #BBBFCC;
			.name{
				margin-bottom: 20rpx;
			}
			.d{
				font-size: 32rpx;
				color: #333;
			}
		}
	}
	.btn{
		width: 100%;
		height: 90rpx;
		background: #5480F8;
		border-radius: 46rpx;
		box-sizing: border-box;
		text-align: center;
		line-height: 90rpx;
		color: #FFFFFF;
		font-size: 32rpx;
	}
}
.nav{
	width: 686rpx;
	margin: 20rpx auto;
	.item{
		width: 214rpx;
		height: 128rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 4rpx 2rpx rgba(42,65,152,0.1);
		border-radius: 20rpx;
		font-size: 28rpx;
		font-weight: bold;
		color: #575A64;
		image{
			width: 48rpx;
			height: 48rpx;
			margin-right: 10rpx;
		}
	}
}
.box2{
	width: 686rpx;
	margin: 30rpx auto;
	.title{
		font-size: 36rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 30rpx;
	}
	.list{
		width: 100%;
		.item{
			padding: 0 30rpx;
			box-sizing: border-box;
			width: 333rpx;
			height: 156rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 4rpx 2rpx rgba(42,65,152,0.1);
			border-radius: 20rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #575A64;
			image{
				width: 96rpx;
				height: 96rpx;
			}
		}
	}
}